.TheVideoFrame {
    width: 380px;
    height: 676px;
    border: 1px solid #e0e0e0;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
  }
  .video-class{
    background: #000;
    width: 120px;
    height: 160px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 4;
}
.video-class:nth-child(2){
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 3;
}

  .Answering-hanging-up{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    bottom: 40px;
    z-index: 9999;
  }
  .operating-button{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: red;
  }
  .operating-button.ab {
    background-color: green;
  }
  .static0{
      display: none;
  }
  .static1 .video-class{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .static1  .Answering-hanging-up .flex-1.vertical-center:nth-child(2),
  .static2 #receivingEndVideo,
  .static3  .Answering-hanging-up .flex-1.vertical-center:nth-child(2)
  {
    display: none;
  }
  .static2 #CallingSideVideo{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

  }
  #CallingSideVideo{
    z-index: 1000;
  }

  .In-the-answer{
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    padding: 5px 10px;
  }
  .In-the-answer span{
    margin-left: 10px;
    position: relative;
    bottom: 5px;
  }
  .In-the-answer-w {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  .In-the-answer-bg{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      object-fit: cover;
      filter: blur(4px);
  }
  .userinfo-page {
    padding: 20px;
  }
  .user-icon-sp {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
  }

  .static3  .userinfo-page .display-flex{
    flex-direction: row-reverse;
    text-align: right;
  }
  .static3  .userinfo-page .display-flex img{
    margin-left: 20px;
  }
  .TheVideoFrame.act #CallingSideVideo{
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
  }
  .TheVideoFrame.act #receivingEndVideo{
    width: 75px !important;
    height: 100px !important;
    left: 40px !important;
    top: 40px !important;
    z-index: 9999 !important;
    
  }
  #CallingSideVideo{
    transform: scale(1.4);
  }